export const articles = [
  {
    article_id: '6986899594491723806',
    article_info: {
      article_id: '6986899594491723806',
      user_id: '1433418891015310',
      category_id: '6809637767543259144',
      tag_ids: [6809640369764958000, 6930559450847986000],
      visible_level: 0,
      link_url: '',
      cover_image:
        'https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/21922d5afed74460a6d30d93c10becfb~tplv-k3u1fbpfcp-watermark.image',
      is_gfw: 0,
      title: 'Vite 是如何实现的',
      brief_content:
        'Vite 是由 Vue 作者尤雨溪开发的 Web 开发工具，Vite 具有极速的服务启动、 轻量快速的热重载等特点，那这些特点是如何实现的呢，今天我们来一探究竟！',
      is_english: 0,
      is_original: 1,
      user_index: 0,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626764344',
      mtime: '1626925741',
      rtime: '1626925741',
      draft_id: '6986898434041053220',
      view_count: 759,
      collect_count: 4,
      digg_count: 9,
      comment_count: 0,
      hot_index: 46,
      is_hot: 0,
      rank_index: 13.66977114,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '1433418891015310',
      user_name: '老王以为',
      company: '',
      job_title: '前端打杂',
      avatar_large: 'https://user-gold-cdn.xitu.io/2019/7/15/16bf4754c4fbf446?w=866&h=884&f=png&s=230818',
      level: 1,
      description: '公众号《老王以为》，欢迎关注',
      followee_count: 1,
      follower_count: 7,
      post_article_count: 4,
      digg_article_count: 16,
      got_digg_count: 37,
      got_view_count: 3099,
      post_shortmsg_count: 0,
      digg_shortmsg_count: 0,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6987349513836953607',
    article_info: {
      article_id: '6987349513836953607',
      user_id: '1521379823063437',
      category_id: '6809637767543259144',
      tag_ids: [6809640407484334000, 6809640456868086000, 6809640369764958000],
      visible_level: 0,
      link_url: '',
      cover_image:
        'https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/d77c9af9b8434df28c208e08e49f1238~tplv-k3u1fbpfcp-watermark.image',
      is_gfw: 0,
      title: '史上最全 Vue 前端代码风格指南',
      brief_content:
        '没有最好的代码规范，只有最合适的代码规范，但是不妨碍你来看看整理好的拿来即用的前端代码风格指南。看完学会必脱单哦～',
      is_english: 0,
      is_original: 1,
      user_index: 0,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626869223',
      mtime: '1626921592',
      rtime: '1626921592',
      draft_id: '6987180485072027685',
      view_count: 633,
      collect_count: 39,
      digg_count: 33,
      comment_count: 6,
      hot_index: 69,
      is_hot: 0,
      rank_index: 12.61392697,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '1521379823063437',
      user_name: '卡喵妹',
      company: '公众号：卡喵妹',
      job_title: '前端法师',
      avatar_large: 'https://sf3-ttcdn-tos.pstatp.com/img/user-avatar/9c947eb58aadae6e42bc00df6b99bc9b~300x300.image',
      level: 3,
      description: '勇敢牛牛，不怕困难。',
      followee_count: 24,
      follower_count: 241,
      post_article_count: 12,
      digg_article_count: 167,
      got_digg_count: 1409,
      got_view_count: 61125,
      post_shortmsg_count: 6,
      digg_shortmsg_count: 13,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6987364053970583589',
    article_info: {
      article_id: '6987364053970583589',
      user_id: '281912383374237',
      category_id: '6809637767543259144',
      tag_ids: [6809640407484334000, 6809640369764958000],
      visible_level: 0,
      link_url: '',
      cover_image:
        'https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/d5eedb28deb14dd8a14af681a14f482e~tplv-k3u1fbpfcp-watermark.image',
      is_gfw: 0,
      title: '【Vue源码学习】深入理解watch的实现原理 —— Watcher的实现',
      brief_content:
        '秋招来袭，笔者最近正在学习Vue的源码，通过对源码的解读，结合常考的面试题，深入理解Vue的源码原理，并动手实现Vue的一些方法。该系列文章即为这项学习计划的总结和输出，后续将持续更新。。。',
      is_english: 0,
      is_original: 1,
      user_index: 8.141548698253333,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626872632',
      mtime: '1626922203',
      rtime: '1626922203',
      draft_id: '6986520844788842533',
      view_count: 252,
      collect_count: 0,
      digg_count: 20,
      comment_count: 0,
      hot_index: 32,
      is_hot: 0,
      rank_index: 7.80047066,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '281912383374237',
      user_name: 'Aaron_hj',
      company: '',
      job_title: '学生 @未来全栈攻城狮',
      avatar_large: 'https://sf3-ttcdn-tos.pstatp.com/img/user-avatar/1b80acb39f2c7fb137d15e8264089fc3~300x300.image',
      level: 2,
      description: 'Ambition  is  the  big  dipper  in  the  vast  darkness  !',
      followee_count: 34,
      follower_count: 42,
      post_article_count: 8,
      digg_article_count: 94,
      got_digg_count: 174,
      got_view_count: 3953,
      post_shortmsg_count: 3,
      digg_shortmsg_count: 1,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6986843651003383845',
    article_info: {
      article_id: '6986843651003383845',
      user_id: '606586151904568',
      category_id: '6809637767543259144',
      tag_ids: [6809640407484334000, 6809640369764958000],
      visible_level: 0,
      link_url: '',
      cover_image:
        'https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/3f3b9f13fb234dd1be145089f80659ba~tplv-k3u1fbpfcp-watermark.image',
      is_gfw: 0,
      title: 'vue-dev-tools安装踩坑',
      brief_content:
        'vue-dev-tools安装踩坑记录。现在vue3的普及，老版本的vue-dev-tools貌似有点不支持。需要安装最新版本以支持vue3',
      is_english: 0,
      is_original: 1,
      user_index: 7.388384878619027,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626751318',
      mtime: '1626925818',
      rtime: '1626925818',
      draft_id: '6986843012215095327',
      view_count: 213,
      collect_count: 1,
      digg_count: 2,
      comment_count: 2,
      hot_index: 14,
      is_hot: 0,
      rank_index: 6.42658961,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '606586151904568',
      user_name: '既见君子',
      company: '',
      job_title: '前端',
      avatar_large: 'https://sf3-ttcdn-tos.pstatp.com/img/user-avatar/363c5168a06f9a0c1a40132cee309b7b~300x300.image',
      level: 1,
      description: '',
      followee_count: 7,
      follower_count: 3,
      post_article_count: 2,
      digg_article_count: 12,
      got_digg_count: 20,
      got_view_count: 755,
      post_shortmsg_count: 0,
      digg_shortmsg_count: 0,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6986874766476984334',
    article_info: {
      article_id: '6986874766476984334',
      user_id: '2541726613643341',
      category_id: '6809637767543259144',
      tag_ids: [6809640407484334000, 6809640369764958000],
      visible_level: 0,
      link_url: '',
      cover_image: '',
      is_gfw: 0,
      title: '【vue组件发布】el-table-draggable',
      brief_content:
        '看名字就知道了，是让element-ui的table可拖拽的容器组件 项目地址 el-table-draggable 让vue-draggable支持element-ui中的el-table demo',
      is_english: 0,
      is_original: 1,
      user_index: 6.678873587267573,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626758624',
      mtime: '1626925779',
      rtime: '1626925779',
      draft_id: '6986872976075391012',
      view_count: 199,
      collect_count: 2,
      digg_count: 2,
      comment_count: 1,
      hot_index: 12,
      is_hot: 0,
      rank_index: 5.58098131,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '2541726613643341',
      user_name: 'Edwardwu',
      company: '米哈游',
      job_title: '前端工程师',
      avatar_large: 'https://sf6-ttcdn-tos.pstatp.com/img/user-avatar/fda8bbbfccd9a19a0e30599f7ab5b2ce~300x300.image',
      level: 2,
      description: '决定人命运的，是情报',
      followee_count: 13,
      follower_count: 17,
      post_article_count: 24,
      digg_article_count: 24,
      got_digg_count: 114,
      got_view_count: 23702,
      post_shortmsg_count: 1,
      digg_shortmsg_count: 23,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6986926737552572447',
    article_info: {
      article_id: '6986926737552572447',
      user_id: '1406974769508679',
      category_id: '6809637767543259144',
      tag_ids: [6809640956946547000, 6809640369764958000],
      visible_level: 0,
      link_url: '',
      cover_image:
        'https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/3f04f5f77d6b4dc4bcec40b919554f87~tplv-k3u1fbpfcp-watermark.image',
      is_gfw: 0,
      title: 'elementUI中的el-date-picker日期月份时间选择器禁用选中当前和以后的日期',
      brief_content:
        '问题描述 时间选择器选择日期、月份在项目中比较常见，比如查询历史记录，我们需要选择具体日期或者发请求，获取历史数据。所以我们需要对时间选择器做一些控制，比如历史记录查询的话，就不能选择当前日期和以后的',
      is_english: 0,
      is_original: 1,
      user_index: 4.200864672705222,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626770682',
      mtime: '1626926530',
      rtime: '1626926530',
      draft_id: '6986924086890856455',
      view_count: 148,
      collect_count: 5,
      digg_count: 4,
      comment_count: 0,
      hot_index: 11,
      is_hot: 0,
      rank_index: 5.0791875,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '1406974769508679',
      user_name: '水冗水孚',
      company: '加油鸭',
      job_title: '前端开发',
      avatar_large: 'https://sf1-ttcdn-tos.pstatp.com/img/user-avatar/b3a54e6d144b67aea1ed54a840bfbde1~300x300.image',
      level: 2,
      description: '生活不易，我们共同努力',
      followee_count: 16,
      follower_count: 21,
      post_article_count: 65,
      digg_article_count: 69,
      got_digg_count: 241,
      got_view_count: 11665,
      post_shortmsg_count: 2,
      digg_shortmsg_count: 2,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6986453616517185567',
    article_info: {
      article_id: '6986453616517185567',
      user_id: '2893570337421646',
      category_id: '6809637767543259144',
      tag_ids: [6809640407484334000, 6809640394175971000, 6809640369764958000],
      visible_level: 0,
      link_url: '',
      cover_image:
        'https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/5ec794f37137491f8b3a6b6ce1cc7c58~tplv-k3u1fbpfcp-watermark.image',
      is_gfw: 0,
      title: '产品经理：能不能让这串数字滚动起来？',
      brief_content:
        '在很多场景下我们需要展示一串数字，这串数字可以是写死固定在页面上的，也可以是动态刷新实时请求的，还有一些是根据用户的交互产生变化的数字。之前我们网站在数字发生变化时是用 anime.js 做的类似于…',
      is_english: 0,
      is_original: 1,
      user_index: 0,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626660503',
      mtime: '1626766066',
      rtime: '1626661124',
      draft_id: '6939737485672972302',
      view_count: 15568,
      collect_count: 943,
      digg_count: 990,
      comment_count: 137,
      hot_index: 1904,
      is_hot: 0,
      rank_index: 6.82736921,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '2893570337421646',
      user_name: '手撕红黑树',
      company: '前端学不动',
      job_title: '公众号',
      avatar_large: 'https://user-gold-cdn.xitu.io/2019/12/6/16edaea21d757fe1?w=640&h=640&f=jpeg&s=42939',
      level: 4,
      description: '',
      followee_count: 34,
      follower_count: 1530,
      post_article_count: 30,
      digg_article_count: 68,
      got_digg_count: 4253,
      got_view_count: 227158,
      post_shortmsg_count: 0,
      digg_shortmsg_count: 4,
      isfollowed: false,
      favorable_author: 1,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6986814340196204558',
    article_info: {
      article_id: '6986814340196204558',
      user_id: '3825956195148631',
      category_id: '6809637767543259144',
      tag_ids: [6809640369764958000, 6809640402103042000],
      visible_level: 0,
      link_url: '',
      cover_image: '',
      is_gfw: 0,
      title: '前端开发之完整的项目结构及含义解释',
      brief_content:
        '前端开发之完整的项目结构及含义解释 文件目录含义 public 和 assets 的区别 配置文件含义 .vscode：编辑器的配置文件，可以为该项目单独配置格式 .browserslistrc： 浏',
      is_english: 0,
      is_original: 1,
      user_index: 5.073846412541877,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626744658',
      mtime: '1626924946',
      rtime: '1626924946',
      draft_id: '6986814172780593159',
      view_count: 204,
      collect_count: 2,
      digg_count: 4,
      comment_count: 0,
      hot_index: 14,
      is_hot: 0,
      rank_index: 5.0867244,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '3825956195148631',
      user_name: '时光_静好',
      company: '',
      job_title: '',
      avatar_large: 'https://sf3-ttcdn-tos.pstatp.com/img/user-avatar/1a97ca6a8ce2898eee033a29dd0262f6~300x300.image',
      level: 2,
      description: '耐心与毅力并存',
      followee_count: 8,
      follower_count: 36,
      post_article_count: 60,
      digg_article_count: 44,
      got_digg_count: 179,
      got_view_count: 29552,
      post_shortmsg_count: 0,
      digg_shortmsg_count: 0,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6987227498912153607',
    article_info: {
      article_id: '6987227498912153607',
      user_id: '1239904849499911',
      category_id: '6809637767543259144',
      tag_ids: [6809640369764958000, 6809640407484334000],
      visible_level: 0,
      link_url: '',
      cover_image: '',
      is_gfw: 0,
      title: '在 Vue 里如何优雅的清除一个定时器？',
      brief_content:
        '前言 清除定时器，相信有相当一部分人是这么写的： 这是一段常见的代码，至少我身边的好几个小伙伴（1-3年经验的都有）都是这么写的，这里存在3个不优雅的问题',
      is_english: 0,
      is_original: 1,
      user_index: 0,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626840805',
      mtime: '1626923847',
      rtime: '1626923847',
      draft_id: '6987044071009157150',
      view_count: 209,
      collect_count: 5,
      digg_count: 10,
      comment_count: 4,
      hot_index: 24,
      is_hot: 0,
      rank_index: 5.58567919,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '1239904849499911',
      user_name: '8号的凌晨4点',
      company: '广州才华有限公司',
      job_title: '前端开发',
      avatar_large: 'https://sf3-ttcdn-tos.pstatp.com/img/user-avatar/b5f0099561478677e11843dd6fae8267~300x300.image',
      level: 2,
      description: '',
      followee_count: 48,
      follower_count: 106,
      post_article_count: 16,
      digg_article_count: 118,
      got_digg_count: 576,
      got_view_count: 35068,
      post_shortmsg_count: 71,
      digg_shortmsg_count: 48,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6986906747202093064',
    article_info: {
      article_id: '6986906747202093064',
      user_id: '4063437977038494',
      category_id: '6809637767543259144',
      tag_ids: [6809640369764958000, 6809640407484334000],
      visible_level: 0,
      link_url: '',
      cover_image:
        'https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/a539c984595e408b875b784cd87b0212~tplv-k3u1fbpfcp-watermark.image',
      is_gfw: 0,
      title: '前端权限——登录权限',
      brief_content:
        '应用场景 需要通过登陆来评定某些页面是否被展示时 实现思路 路由导航守卫router.beforeEach配合登陆凭证token及登录用户信息',
      is_english: 0,
      is_original: 1,
      user_index: 0,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626766015',
      mtime: '1626926577',
      rtime: '1626926577',
      draft_id: '6986542811357118501',
      view_count: 221,
      collect_count: 1,
      digg_count: 4,
      comment_count: 0,
      hot_index: 14,
      is_hot: 0,
      rank_index: 4.71203444,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '4063437977038494',
      user_name: '易味',
      company: '',
      job_title: '前端开发工程师',
      avatar_large: 'https://sf6-ttcdn-tos.pstatp.com/img/user-avatar/438aae985f7c53ee5049a2fc5e3698f2~300x300.image',
      level: 1,
      description: '',
      followee_count: 0,
      follower_count: 1,
      post_article_count: 6,
      digg_article_count: 0,
      got_digg_count: 5,
      got_view_count: 359,
      post_shortmsg_count: 1,
      digg_shortmsg_count: 0,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6987265915142275085',
    article_info: {
      article_id: '6987265915142275085',
      user_id: '1679709496677575',
      category_id: '6809637767543259144',
      tag_ids: [6809640407484334000, 6809640369764958000, 6809640497393435000],
      visible_level: 0,
      link_url: '',
      cover_image: '',
      is_gfw: 0,
      title: '前端通过pdf.js，使pdf转为canvas',
      brief_content:
        '背景 公司需要前端在pdf上进行圈选区域，把区域给后端，然后识别文字的功能。 第一想法就是使用画布来实现。 在vue中使用pdf.js 1、安装 npm i pdfjs-dist@2.4.456 -D',
      is_english: 0,
      is_original: 1,
      user_index: 5.456351131479203,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626849751',
      mtime: '1626924136',
      rtime: '1626924136',
      draft_id: '6987249963935907848',
      view_count: 152,
      collect_count: 2,
      digg_count: 6,
      comment_count: 2,
      hot_index: 14,
      is_hot: 0,
      rank_index: 4.86149429,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '1679709496677575',
      user_name: 'fangzhou_lu',
      company: '绿水灵',
      job_title: '前端开发工程师',
      avatar_large: 'https://user-gold-cdn.xitu.io/2019/3/25/169b3a420b9d6ad3?w=225&h=225&f=jpeg&s=5998',
      level: 2,
      description: '授之于渔不如授之以鱼',
      followee_count: 41,
      follower_count: 32,
      post_article_count: 52,
      digg_article_count: 136,
      got_digg_count: 126,
      got_view_count: 34890,
      post_shortmsg_count: 12,
      digg_shortmsg_count: 49,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6986924336468721695',
    article_info: {
      article_id: '6986924336468721695',
      user_id: '1521379822277063',
      category_id: '6809637767543259144',
      tag_ids: [6930559450847986000, 6809640369764958000],
      visible_level: 0,
      link_url: '',
      cover_image: '',
      is_gfw: 0,
      title: '【记录】如何造一个vite插件(1)',
      brief_content:
        '在此之前，先做个定位，这不是一篇纯粹的技术性文章，可以把它理解成一个叙述文章，记录我开发插件的过程。',
      is_english: 0,
      is_original: 1,
      user_index: 3.969362295916118,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626770172',
      mtime: '1626926543',
      rtime: '1626926543',
      draft_id: '6986923598229274661',
      view_count: 99,
      collect_count: 0,
      digg_count: 3,
      comment_count: 0,
      hot_index: 7,
      is_hot: 0,
      rank_index: 3.85024852,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '1521379822277063',
      user_name: 'meetqy',
      company: '',
      job_title: '',
      avatar_large: 'https://sf6-ttcdn-tos.pstatp.com/img/user-avatar/33673e0c0d09faa3fdf6922cb663c2c6~300x300.image',
      level: 1,
      description: '',
      followee_count: 1,
      follower_count: 0,
      post_article_count: 5,
      digg_article_count: 6,
      got_digg_count: 4,
      got_view_count: 2000,
      post_shortmsg_count: 0,
      digg_shortmsg_count: 1,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6986808571606335518',
    article_info: {
      article_id: '6986808571606335518',
      user_id: '3202255215404989',
      category_id: '6809637767543259144',
      tag_ids: [6809640369764958000, 6809640858137133000],
      visible_level: 0,
      link_url: '',
      cover_image: '',
      is_gfw: 0,
      title: 'vue 中 Echart 的使用',
      brief_content: 'vue中 Echart 的使用 。在vue中有些地方也需要我们用要Echart 来完成一些项目的需求。。。',
      is_english: 0,
      is_original: 1,
      user_index: 0,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626743171',
      mtime: '1626924780',
      rtime: '1626924780',
      draft_id: '6986792269269598216',
      view_count: 140,
      collect_count: 1,
      digg_count: 4,
      comment_count: 0,
      hot_index: 11,
      is_hot: 0,
      rank_index: 2.87129709,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '3202255215404989',
      user_name: '码农的心得',
      company: '',
      job_title: '',
      avatar_large: 'https://sf1-ttcdn-tos.pstatp.com/img/user-avatar/e82b2f6f63676e978524f83ce7dbd6ac~300x300.image',
      level: 1,
      description: '',
      followee_count: 4,
      follower_count: 4,
      post_article_count: 2,
      digg_article_count: 4,
      got_digg_count: 4,
      got_view_count: 171,
      post_shortmsg_count: 0,
      digg_shortmsg_count: 0,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6986888911385526308',
    article_info: {
      article_id: '6986888911385526308',
      user_id: '3685218708627544',
      category_id: '6809637767543259144',
      tag_ids: [6809640369764958000, 6809640684354535000],
      visible_level: 0,
      link_url: '',
      cover_image:
        'https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/53e0cb35df09464fa5950c7e888ff8e8~tplv-k3u1fbpfcp-watermark.image',
      is_gfw: 0,
      title: '【Vue源码解析】- 选项合并',
      brief_content:
        'Vue 实例化过程中的第一个关键的步骤就是选项合并，mergeOptions函数则是实现实例化，继承和混入三大功能的核心函数，所以分析它的实现是理解`Vue`实例化过程和继承的必经之路。',
      is_english: 0,
      is_original: 1,
      user_index: 0,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626761844',
      mtime: '1626925749',
      rtime: '1626925749',
      draft_id: '6986881774454308872',
      view_count: 73,
      collect_count: 1,
      digg_count: 3,
      comment_count: 0,
      hot_index: 6,
      is_hot: 0,
      rank_index: 1.78510302,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '3685218708627544',
      user_name: 'qgh',
      company: '',
      job_title: '前端',
      avatar_large: 'https://sf3-ttcdn-tos.pstatp.com/img/user-avatar/7bfe5fcd764682d97401eae5d338c64e~300x300.image',
      level: 1,
      description: '匠心不易，方得不凡。',
      followee_count: 4,
      follower_count: 1,
      post_article_count: 4,
      digg_article_count: 5,
      got_digg_count: 7,
      got_view_count: 152,
      post_shortmsg_count: 0,
      digg_shortmsg_count: 0,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6986900588537741342',
    article_info: {
      article_id: '6986900588537741342',
      user_id: '78820568469085',
      category_id: '6809637767543259144',
      tag_ids: [6809640369764958000, 6809640407484334000],
      visible_level: 0,
      link_url: '',
      cover_image: '',
      is_gfw: 0,
      title: '父子组件的生命周期',
      brief_content:
        '一、 vue的生命周期是我们都比较熟悉的，现在我们来回顾一下： beforeCreate:初始化，此时调用方法和data的值都是获取不到 created:将data,method注入，此时可以获取到d',
      is_english: 0,
      is_original: 1,
      user_index: 0,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626764619',
      mtime: '1626925723',
      rtime: '1626925723',
      draft_id: '6986850324921204750',
      view_count: 92,
      collect_count: 0,
      digg_count: 2,
      comment_count: 0,
      hot_index: 6,
      is_hot: 0,
      rank_index: 4.22046955,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '78820568469085',
      user_name: 'fxxiao44',
      company: '',
      job_title: '前端开发工程师',
      avatar_large: 'https://sf3-ttcdn-tos.pstatp.com/img/mosaic-legacy/3793/3114521287~300x300.image',
      level: 1,
      description: '前端，开始奋发向上。。。',
      followee_count: 13,
      follower_count: 0,
      post_article_count: 8,
      digg_article_count: 6,
      got_digg_count: 3,
      got_view_count: 437,
      post_shortmsg_count: 0,
      digg_shortmsg_count: 0,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6986903427422896159',
    article_info: {
      article_id: '6986903427422896159',
      user_id: '333897786203416',
      category_id: '6809637767543259144',
      tag_ids: [6809640369764958000, 6809640407484334000],
      visible_level: 0,
      link_url: '',
      cover_image:
        'https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/4b8f7c12198b49b78edefdc0295accee~tplv-k3u1fbpfcp-watermark.image',
      is_gfw: 0,
      title: 'vue-router 基本使用',
      brief_content:
        '最近有在用到vue-router的时候发现自己有的地方还是不很熟悉，特此参考晚上优秀博主的文章记录一下 转载： vue-router 基本使用 https://www.cnblogs.com/SamW',
      is_english: 0,
      is_original: 1,
      user_index: 0,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626765301',
      mtime: '1626925608',
      rtime: '1626925608',
      draft_id: '6986896101789941797',
      view_count: 88,
      collect_count: 0,
      digg_count: 2,
      comment_count: 0,
      hot_index: 6,
      is_hot: 0,
      rank_index: 1.82583772,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '333897786203416',
      user_name: '立志做帅气敲代码的程序猿',
      company: 'OPPO',
      job_title: '前端工程师',
      avatar_large: 'https://sf3-ttcdn-tos.pstatp.com/img/user-avatar/5281c41ba14a148e2866a234f1c43d06~300x300.image',
      level: 1,
      description: '立志成为帅气前端仔的只说不干幻想家~\n希望和更多热爱技术的小伙伴多交流 >_<\n梦想还是要有滴！',
      followee_count: 2,
      follower_count: 0,
      post_article_count: 6,
      digg_article_count: 2,
      got_digg_count: 6,
      got_view_count: 859,
      post_shortmsg_count: 0,
      digg_shortmsg_count: 0,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6987080258126086157',
    article_info: {
      article_id: '6987080258126086157',
      user_id: '501033033809693',
      category_id: '6809637767543259144',
      tag_ids: [6809640407484334000, 6809640369764958000],
      visible_level: 0,
      link_url: '',
      cover_image:
        'https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/6993a38c92994106999c5cc634cfa16e~tplv-k3u1fbpfcp-watermark.image',
      is_gfw: 0,
      title: '在Vue-cli中使用mock.js',
      brief_content:
        '以我的方式分享一下，我们在开发中，需要后端提供api接口，然后拿到接口去遍历生成数据，渲染到页面上显示。在有的时候，还没拿到后端提供的接口时，前端可以自己模拟后台制作简单的json格式数据',
      is_english: 0,
      is_original: 1,
      user_index: 6.838045165405819,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626812804',
      mtime: '1626923295',
      rtime: '1626923295',
      draft_id: '6987068663187079205',
      view_count: 108,
      collect_count: 1,
      digg_count: 2,
      comment_count: 0,
      hot_index: 7,
      is_hot: 0,
      rank_index: 3.1269635,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '501033033809693',
      user_name: '快秃了才变强',
      company: '保密',
      job_title: '前端',
      avatar_large: 'https://sf1-ttcdn-tos.pstatp.com/img/user-avatar/2d9c36fff06d6d0ef99047884d9f18ea~300x300.image',
      level: 1,
      description: '年少不知富婆好，错把少女当成宝',
      followee_count: 5,
      follower_count: 3,
      post_article_count: 2,
      digg_article_count: 8,
      got_digg_count: 10,
      got_view_count: 936,
      post_shortmsg_count: 0,
      digg_shortmsg_count: 2,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6986810628098916383',
    article_info: {
      article_id: '6986810628098916383',
      user_id: '3280598429083928',
      category_id: '6809637767543259144',
      tag_ids: [6809640407484334000, 6809640369764958000],
      visible_level: 0,
      link_url: '',
      cover_image: '',
      is_gfw: 0,
      title: '使用vue-awesome-swiper实现缩略图',
      brief_content:
        '这里使用的是vue-awesome-swiper3.1.3 这是官网的例子 效果图如下: 当前的缩略图在中间显示,这样看起来比较奇怪 这是修改后的代码 这里面还有一个知识点 解决办法 定义一个isMo',
      is_english: 0,
      is_original: 1,
      user_index: 0,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626743689',
      mtime: '1626925150',
      rtime: '1626925150',
      draft_id: '6986807538809307167',
      view_count: 88,
      collect_count: 0,
      digg_count: 2,
      comment_count: 0,
      hot_index: 6,
      is_hot: 0,
      rank_index: 3.93839225,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '3280598429083928',
      user_name: '晨夕1',
      company: '',
      job_title: '',
      avatar_large: 'https://user-gold-cdn.xitu.io/2019/6/10/16b3ef73160b3bb6?w=640&h=360&f=jpeg&s=39232',
      level: 1,
      description: '前端小白,写下来自己做个记录',
      followee_count: 7,
      follower_count: 0,
      post_article_count: 31,
      digg_article_count: 1,
      got_digg_count: 4,
      got_view_count: 6132,
      post_shortmsg_count: 0,
      digg_shortmsg_count: 0,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6986923010280128542',
    article_info: {
      article_id: '6986923010280128542',
      user_id: '1239904846879656',
      category_id: '6809637767543259144',
      tag_ids: [6809640407484334000, 6809640369764958000],
      visible_level: 0,
      link_url: '',
      cover_image: '',
      is_gfw: 0,
      title: 'Vue3 合理使用Composition API',
      brief_content:
        '在学习 Composition API 时，官方有个深入骨髓的小栗子，没有看过页没关系，此文章对此精简和更具代码视觉的补充及说明如何合理使用。 例如有一个显示某用户的仓库列表视图。此外还有一个搜索列表',
      is_english: 0,
      is_original: 1,
      user_index: 0,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626769848',
      mtime: '1626925275',
      rtime: '1626925275',
      draft_id: '6986822474847485989',
      view_count: 172,
      collect_count: 0,
      digg_count: 2,
      comment_count: 0,
      hot_index: 10,
      is_hot: 0,
      rank_index: 2.7861108,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '1239904846879656',
      user_name: 'Drk',
      company: '迷之组织',
      job_title: '前端工程师',
      avatar_large: 'https://sf1-ttcdn-tos.pstatp.com/img/user-avatar/a2afab5ae3474f779bcc39a3ded0f3f8~300x300.image',
      level: 2,
      description: '代码编织者',
      followee_count: 6,
      follower_count: 22,
      post_article_count: 32,
      digg_article_count: 15,
      got_digg_count: 175,
      got_view_count: 65869,
      post_shortmsg_count: 2,
      digg_shortmsg_count: 5,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6987583249573363749',
    article_info: {
      article_id: '6987583249573363749',
      user_id: '26044009548455',
      category_id: '6809637767543259144',
      tag_ids: [6809640369764958000, 6809640443303690000],
      visible_level: 0,
      link_url: '',
      cover_image: '',
      is_gfw: 0,
      title: 'promise增加超时；改造promise.all不管参数多个实例的结果成功与否都进入到resolve状态，同时增加超时',
      brief_content: 'promise增加超时；改造promise.all不管参数多个实例的结果成功与否都进入到resolve状态，同时增加超时',
      is_english: 0,
      is_original: 1,
      user_index: 5.656350111435378,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626923523',
      mtime: '1626926141',
      rtime: '1626926141',
      draft_id: '6987561805497401381',
      view_count: 25,
      collect_count: 0,
      digg_count: 2,
      comment_count: 0,
      hot_index: 3,
      is_hot: 0,
      rank_index: 2.72623008,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '26044009548455',
      user_name: '泥腿子前端',
      company: '',
      job_title: 'web开发',
      avatar_large: 'https://user-gold-cdn.xitu.io/2019/9/18/16d4048b4bfdbd8e?w=1239&h=1242&f=png&s=1847466',
      level: 2,
      description: '',
      followee_count: 25,
      follower_count: 21,
      post_article_count: 23,
      digg_article_count: 56,
      got_digg_count: 56,
      got_view_count: 16765,
      post_shortmsg_count: 31,
      digg_shortmsg_count: 18,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6987197044087586823',
    article_info: {
      article_id: '6987197044087586823',
      user_id: '2612095357823160',
      category_id: '6809637767543259144',
      tag_ids: [6809640407484334000, 6809640369764958000],
      visible_level: 0,
      link_url: '',
      cover_image:
        'https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/0c2931c3e3704c1d9408bc365b654e43~tplv-k3u1fbpfcp-watermark.image',
      is_gfw: 0,
      title: '5x1 精读Vue官方文档 - 状态管理',
      brief_content:
        '精读 Vue 官方文档系列 🎉 类 Flux 状态管理的官方实现 vuex 与 redux 都是对 Flux 架构的官方实现。 状态管理的目标 可以跨组件进行状态共享，方便大型应用的状态管理。 如何简',
      is_english: 0,
      is_original: 1,
      user_index: 4.758606433494962,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626833671',
      mtime: '1626923593',
      rtime: '1626923593',
      draft_id: '6987196181789016095',
      view_count: 96,
      collect_count: 0,
      digg_count: 2,
      comment_count: 0,
      hot_index: 6,
      is_hot: 0,
      rank_index: 2.68794077,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '2612095357823160',
      user_name: 'Mottle',
      company: '',
      job_title: '前端工程师',
      avatar_large: 'https://sf3-ttcdn-tos.pstatp.com/img/user-avatar/2adccb0d364902ead37c150543da8de1~300x300.image',
      level: 2,
      description: '在努力成为一名高级前端中....',
      followee_count: 1,
      follower_count: 564,
      post_article_count: 38,
      digg_article_count: 39,
      got_digg_count: 142,
      got_view_count: 11498,
      post_shortmsg_count: 16,
      digg_shortmsg_count: 6,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6987172006747701256',
    article_info: {
      article_id: '6987172006747701256',
      user_id: '2418581313425502',
      category_id: '6809637767543259144',
      tag_ids: [6809640369764958000, 6809640407484334000],
      visible_level: 0,
      link_url: '',
      cover_image: '',
      is_gfw: 0,
      title: 'Vue实战之从零搭建Vite2+Vue3全家桶（一）',
      brief_content: '本篇主要介绍从零开始搭建Vite2 + Vue3+Element-Plus + Vue-router4 + Vuex + ESLint',
      is_english: 0,
      is_original: 1,
      user_index: 0,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626827890',
      mtime: '1626923272',
      rtime: '1626923272',
      draft_id: '6986807305807331364',
      view_count: 61,
      collect_count: 1,
      digg_count: 2,
      comment_count: 0,
      hot_index: 5,
      is_hot: 0,
      rank_index: 1.08940375,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '2418581313425502',
      user_name: '指尖的代码',
      company: '',
      job_title: 'WEB前端',
      avatar_large: 'https://mirror-gold-cdn.xitu.io/16c4fa40a64f2c61d22',
      level: 1,
      description: '知足常乐，开心就好',
      followee_count: 12,
      follower_count: 2,
      post_article_count: 7,
      digg_article_count: 12,
      got_digg_count: 13,
      got_view_count: 806,
      post_shortmsg_count: 0,
      digg_shortmsg_count: 0,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6987398878312005646',
    article_info: {
      article_id: '6987398878312005646',
      user_id: '1794018999272525',
      category_id: '6809637767543259144',
      tag_ids: [6809640369764958000, 6809640956946547000],
      visible_level: 0,
      link_url: '',
      cover_image: '',
      is_gfw: 0,
      title: 'vue+element大型表单解决方案(10)--表单通信和动态表单',
      brief_content:
        '这个大型表单解决方案的本质在于将大表单拆分成多个子表单，这个在表单拆分篇中已经完整演示说明过；后面大量篇幅都是我在实践中遇到的附加需求，比如辅助锚点工具、数据比对等。实践中，不仅仅有演示中那些简单的表',
      is_english: 0,
      is_original: 1,
      user_index: 7.019594245391288,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626880747',
      mtime: '1626923318',
      rtime: '1626923318',
      draft_id: '6984670058458906654',
      view_count: 46,
      collect_count: 1,
      digg_count: 1,
      comment_count: 0,
      hot_index: 3,
      is_hot: 0,
      rank_index: 2.4202988,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '1794018999272525',
      user_name: 'wyh19',
      company: '',
      job_title: '',
      avatar_large: 'https://sf6-ttcdn-tos.pstatp.com/img/user-avatar/3d1209061e754e74cf6a0ec2c436e39b~300x300.image',
      level: 2,
      description: '',
      followee_count: 13,
      follower_count: 40,
      post_article_count: 10,
      digg_article_count: 6,
      got_digg_count: 104,
      got_view_count: 5282,
      post_shortmsg_count: 0,
      digg_shortmsg_count: 0,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6987559229481549854',
    article_info: {
      article_id: '6987559229481549854',
      user_id: '2612095357823160',
      category_id: '6809637767543259144',
      tag_ids: [6809640407484334000, 6809640369764958000],
      visible_level: 0,
      link_url: '',
      cover_image:
        'https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/7527cb92de9c404a9804590f34e3b043~tplv-k3u1fbpfcp-watermark.image',
      is_gfw: 0,
      title: '5x3 精读Vue官方文档 -  安全',
      brief_content:
        '精读 Vue 官方文档系列 🎉 报告安全漏洞 如发现任何安全漏洞，请邮件给 security@vuejs.org。会有全职贡献者及时处理。 永远不要使用不可信任的模板 永远不要将不可信任的内容作为模板',
      is_english: 0,
      is_original: 1,
      user_index: 4.808972489320217,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626917964',
      mtime: '1626924929',
      rtime: '1626924929',
      draft_id: '6987559101861462053',
      view_count: 31,
      collect_count: 0,
      digg_count: 1,
      comment_count: 0,
      hot_index: 2,
      is_hot: 0,
      rank_index: 1.81181947,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '2612095357823160',
      user_name: 'Mottle',
      company: '',
      job_title: '前端工程师',
      avatar_large: 'https://sf3-ttcdn-tos.pstatp.com/img/user-avatar/2adccb0d364902ead37c150543da8de1~300x300.image',
      level: 2,
      description: '在努力成为一名高级前端中....',
      followee_count: 1,
      follower_count: 564,
      post_article_count: 38,
      digg_article_count: 39,
      got_digg_count: 142,
      got_view_count: 11498,
      post_shortmsg_count: 16,
      digg_shortmsg_count: 6,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6986812469796667399',
    article_info: {
      article_id: '6986812469796667399',
      user_id: '792125727311272',
      category_id: '6809637767543259144',
      tag_ids: [6809640369764958000, 6809640398105870000],
      visible_level: 0,
      link_url: '',
      cover_image: '',
      is_gfw: 0,
      title: 'Vue-RSA 非对称加密传输，万千方法取其一',
      brief_content:
        '用 jsencrypt.js  官网http://travistidwell.com/jsencrypt/ 装好后在vue文件里引用 首先，你得有一对公钥和私钥，有在线生成器，我们先来一对',
      is_english: 0,
      is_original: 1,
      user_index: 0,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626744089',
      mtime: '1626926473',
      rtime: '1626926473',
      draft_id: '6986796006910197773',
      view_count: 65,
      collect_count: 2,
      digg_count: 2,
      comment_count: 0,
      hot_index: 5,
      is_hot: 0,
      rank_index: 1.65599072,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '792125727311272',
      user_name: '归丶',
      company: '某某某不知名集团',
      job_title: 'Web前端工程师',
      avatar_large: 'https://sf6-ttcdn-tos.pstatp.com/img/user-avatar/2672f9dd597ec1396ace795e660bc0b4~300x300.image',
      level: 1,
      description: '',
      followee_count: 3,
      follower_count: 1,
      post_article_count: 4,
      digg_article_count: 3,
      got_digg_count: 8,
      got_view_count: 374,
      post_shortmsg_count: 0,
      digg_shortmsg_count: 0,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6987220741313789989',
    article_info: {
      article_id: '6987220741313789989',
      user_id: '26044011396622',
      category_id: '6809637767543259144',
      tag_ids: [6809640369764958000, 6809640407484334000],
      visible_level: 0,
      link_url: '',
      cover_image:
        'https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/87d6008175c84c4db85ffc4d561baf20~tplv-k3u1fbpfcp-watermark.image',
      is_gfw: 0,
      title: '【Vue实战技巧】如何处理多个组件依赖同一个接口数据？',
      brief_content:
        '可能很多小伙伴都会遇到：A、B、C组件都依赖了同一个接口的数据，每次加载A、B、C都要调一次接口；很显然，虽然这么做能满足需求，但！会存在如下问题: 重复请求 代码冗余，每个组件/页面都要编',
      is_english: 0,
      is_original: 1,
      user_index: 0,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626839259',
      mtime: '1626923463',
      rtime: '1626923463',
      draft_id: '6986839621560713223',
      view_count: 67,
      collect_count: 1,
      digg_count: 2,
      comment_count: 0,
      hot_index: 5,
      is_hot: 0,
      rank_index: 1.11313729,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '26044011396622',
      user_name: 'Stefanieiii',
      company: '',
      job_title: '',
      avatar_large: 'https://sf1-ttcdn-tos.pstatp.com/img/user-avatar/e3ad6b1eb31fe9e23be5911e9a36aa39~300x300.image',
      level: 1,
      description: '从hello world回到hello world',
      followee_count: 7,
      follower_count: 1,
      post_article_count: 2,
      digg_article_count: 35,
      got_digg_count: 2,
      got_view_count: 213,
      post_shortmsg_count: 0,
      digg_shortmsg_count: 0,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6987254959918039048',
    article_info: {
      article_id: '6987254959918039048',
      user_id: '2779178518981336',
      category_id: '6809637767543259144',
      tag_ids: [6809640369764958000],
      visible_level: 0,
      link_url: '',
      cover_image:
        'https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/be8d640d2d444f37af29321eb28ba59a~tplv-k3u1fbpfcp-watermark.image',
      is_gfw: 0,
      title: 'Vue setup函数初识',
      brief_content:
        'setup函数 setup是Composition API 表演的舞台 从参数说起,setup函数接受两个参数props和context。 setup第一个参数props 正如在一个标准组件中所期望的',
      is_english: 0,
      is_original: 1,
      user_index: 0,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626847247',
      mtime: '1626923781',
      rtime: '1626923781',
      draft_id: '6987190378168320014',
      view_count: 62,
      collect_count: 0,
      digg_count: 4,
      comment_count: 0,
      hot_index: 7,
      is_hot: 0,
      rank_index: 2.12776701,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '2779178518981336',
      user_name: '小膏',
      company: '',
      job_title: 'web前端工程师',
      avatar_large: 'https://sf6-ttcdn-tos.pstatp.com/img/user-avatar/1dd950404498b00a6350bba46f3b158f~300x300.image',
      level: 1,
      description: '生活的所有馈赠都在暗中标好了价码',
      followee_count: 3,
      follower_count: 1,
      post_article_count: 6,
      digg_article_count: 9,
      got_digg_count: 15,
      got_view_count: 382,
      post_shortmsg_count: 0,
      digg_shortmsg_count: 2,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6987271389996646407',
    article_info: {
      article_id: '6987271389996646407',
      user_id: '3167013480174647',
      category_id: '6809637767543259144',
      tag_ids: [6809640407484334000, 6809640369764958000],
      visible_level: 0,
      link_url: '',
      cover_image: '',
      is_gfw: 0,
      title: 'Vue中keep-alive的深入理解和使用',
      brief_content:
        '什么是keep-alive? 在平常开发中，有部分组件没有必要多次初始化，这时，我们需要将组件进行持久化，使组件的状态维持不变，在下一次展示时，也不会进行重新初始化组件。 也就是说，keep-aliv',
      is_english: 0,
      is_original: 1,
      user_index: 0,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626851119',
      mtime: '1626924086',
      rtime: '1626924086',
      draft_id: '6987271051390484516',
      view_count: 77,
      collect_count: 0,
      digg_count: 1,
      comment_count: 0,
      hot_index: 4,
      is_hot: 0,
      rank_index: 0.95774973,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '3167013480174647',
      user_name: 'Zyellen',
      company: '',
      job_title: '前端开发',
      avatar_large: 'https://sf1-ttcdn-tos.pstatp.com/img/user-avatar/bc681182d48665dcf5bcaed9e9cfb536~300x300.image',
      level: 1,
      description: '',
      followee_count: 0,
      follower_count: 1,
      post_article_count: 14,
      digg_article_count: 0,
      got_digg_count: 5,
      got_view_count: 501,
      post_shortmsg_count: 0,
      digg_shortmsg_count: 0,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6987270833357979661',
    article_info: {
      article_id: '6987270833357979661',
      user_id: '3957856403462989',
      category_id: '6809637767543259144',
      tag_ids: [6809640407484334000, 6809640369764958000],
      visible_level: 0,
      link_url: '',
      cover_image:
        'https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/4e51f84583954391957f8b37ff769a06~tplv-k3u1fbpfcp-watermark.image',
      is_gfw: 0,
      title: '30张图带你深入了解Vue3组件（上） | 附高清原图',
      brief_content: '为了更好的掌握Vue，打算从理解基本使用到模拟实现的方式，重学`Vue3`！本篇是关于组件，一起来看看吧~',
      is_english: 0,
      is_original: 1,
      user_index: 0,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626850781',
      mtime: '1626859182',
      rtime: '1626859182',
      draft_id: '6986880973354844174',
      view_count: 959,
      collect_count: 41,
      digg_count: 42,
      comment_count: 6,
      hot_index: 95,
      is_hot: 0,
      rank_index: 1.81127863,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '3957856403462989',
      user_name: 'LBJ',
      company: '用心写文',
      job_title: '坚持原创',
      avatar_large: 'https://sf6-ttcdn-tos.pstatp.com/img/user-avatar/75a554c85e103f062386e34b2b0fdd91~300x300.image',
      level: 3,
      description: '书山有路勤为径，学海无涯苦作舟',
      followee_count: 8,
      follower_count: 251,
      post_article_count: 44,
      digg_article_count: 2074,
      got_digg_count: 1890,
      got_view_count: 42352,
      post_shortmsg_count: 5,
      digg_shortmsg_count: 51,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6987565769366175751',
    article_info: {
      article_id: '6987565769366175751',
      user_id: '123613789299837',
      category_id: '6809637767543259144',
      tag_ids: [6809640398105870000, 6809640369764958000],
      visible_level: 0,
      link_url: '',
      cover_image:
        'https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/337f7156d38a4c9e81d851b549ab44b7~tplv-k3u1fbpfcp-watermark.image',
      is_gfw: 0,
      title: 'VUE3（二十四）自定义alert弹窗组件',
      brief_content:
        '我这里自定义了几个alert弹窗组件： 1：带有确定取消的alert弹窗组件：效果如下图所示 代码： 调用示例： 2：自定义alert，在自定义时间消失（仿layer），效果如下图所示： 代码： 调用',
      is_english: 0,
      is_original: 1,
      user_index: 2.709511291351455,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626919522',
      mtime: '1626925182',
      rtime: '1626925182',
      draft_id: '6987565876828438564',
      view_count: 20,
      collect_count: 0,
      digg_count: 2,
      comment_count: 0,
      hot_index: 2,
      is_hot: 0,
      rank_index: 1.61693105,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '123613789299837',
      user_name: 'camellia',
      company: '',
      job_title: '',
      avatar_large: 'https://sf6-ttcdn-tos.pstatp.com/img/user-avatar/b991c8713bf6487db7296b383e85e307~300x300.image',
      level: 1,
      description: '',
      followee_count: 0,
      follower_count: 12,
      post_article_count: 24,
      digg_article_count: 24,
      got_digg_count: 57,
      got_view_count: 1560,
      post_shortmsg_count: 0,
      digg_shortmsg_count: 0,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6986921261297303565',
    article_info: {
      article_id: '6986921261297303565',
      user_id: '1662117313775806',
      category_id: '6809637767543259144',
      tag_ids: [6809640369764958000, 6809640956946547000],
      visible_level: 0,
      link_url: '',
      cover_image:
        'https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/b39e07b06a2d4698905869ba12a4e0f5~tplv-k3u1fbpfcp-watermark.image',
      is_gfw: 0,
      title: '封装组件的技巧和坑',
      brief_content:
        '对于Vue的双向绑定大家一定不陌生，入门基础的东西为啥要提？因为这是封装组件的基础！ 这里提出一个问题👇 不妨试试你的基础😏',
      is_english: 0,
      is_original: 1,
      user_index: 11.482771777890152,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626769394',
      mtime: '1626772103',
      rtime: '1626772103',
      draft_id: '6986919756951470088',
      view_count: 2444,
      collect_count: 86,
      digg_count: 95,
      comment_count: 7,
      hot_index: 224,
      is_hot: 0,
      rank_index: 1.65968684,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '1662117313775806',
      user_name: '前端自学驿站',
      company: '',
      job_title: '公众号「前端自学驿站」',
      avatar_large: 'https://user-gold-cdn.xitu.io/2020/4/9/1715f7db30a65103?w=1024&h=1024&f=jpeg&s=212191',
      level: 3,
      description: '业精于勤，荒于嬉。',
      followee_count: 125,
      follower_count: 850,
      post_article_count: 26,
      digg_article_count: 466,
      got_digg_count: 2101,
      got_view_count: 74012,
      post_shortmsg_count: 10,
      digg_shortmsg_count: 16,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6987368068053729317',
    article_info: {
      article_id: '6987368068053729317',
      user_id: '651387938290686',
      category_id: '6809637767543259144',
      tag_ids: [6809640369764958000, 6809640398105870000],
      visible_level: 0,
      link_url: '',
      cover_image:
        'https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/4e08b75556a34866b5396a96b7cbb3d1~tplv-k3u1fbpfcp-watermark.image',
      is_gfw: 0,
      title: '如何在Vue.js中对时间格式化',
      brief_content: 'vue.js中如何对时间进行格式化？ 可以使用过滤器、padEnd()与padStart()函数对其进行格式化操作。',
      is_english: 0,
      is_original: 1,
      user_index: 1.073626466378254,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626873502',
      mtime: '1626922427',
      rtime: '1626922427',
      draft_id: '6987366617751486500',
      view_count: 28,
      collect_count: 0,
      digg_count: 1,
      comment_count: 0,
      hot_index: 2,
      is_hot: 0,
      rank_index: 1.63402554,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '651387938290686',
      user_name: 'jiangxia_1024',
      company: '某不知名互联网公司',
      job_title: '后端工程师',
      avatar_large: 'https://sf6-ttcdn-tos.pstatp.com/img/user-avatar/0b291cb45c95ad151e2d72c176c1ba0c~300x300.image',
      level: 1,
      description: '公众号：1024笔记',
      followee_count: 0,
      follower_count: 0,
      post_article_count: 13,
      digg_article_count: 0,
      got_digg_count: 14,
      got_view_count: 673,
      post_shortmsg_count: 0,
      digg_shortmsg_count: 0,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6987304177026383880',
    article_info: {
      article_id: '6987304177026383880',
      user_id: '1538972011203662',
      category_id: '6809637767543259144',
      tag_ids: [6809640407484334000, 6809640369764958000],
      visible_level: 0,
      link_url: '',
      cover_image:
        'https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/87cc6142783c44358786daa0aecc56fc~tplv-k3u1fbpfcp-watermark.image',
      is_gfw: 0,
      title: 'Vue 指令之 v-icon-tooltip 实现指南',
      brief_content:
        '“又是充满希望的一天！”。 前言 最近项目的各个模块及特殊操作需要增加名词解释，效果图如下，功能很简单，但现有的 Tooltip 组件却无法满足新需求，为此单独开发 IconTooltip 组件，并基',
      is_english: 0,
      is_original: 1,
      user_index: 0,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626858561',
      mtime: '1626924375',
      rtime: '1626924375',
      draft_id: '6987271445462122509',
      view_count: 56,
      collect_count: 0,
      digg_count: 3,
      comment_count: 0,
      hot_index: 5,
      is_hot: 0,
      rank_index: 1.58438574,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '1538972011203662',
      user_name: 'iel',
      company: '',
      job_title: 'web前端开发',
      avatar_large: 'https://sf1-ttcdn-tos.pstatp.com/img/user-avatar/45e7423cfe52b571add27da317e7f8e9~300x300.image',
      level: 1,
      description: '如果生活没有js，那该多无趣~~',
      followee_count: 25,
      follower_count: 1,
      post_article_count: 3,
      digg_article_count: 16,
      got_digg_count: 11,
      got_view_count: 541,
      post_shortmsg_count: 2,
      digg_shortmsg_count: 0,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6987569528473403406',
    article_info: {
      article_id: '6987569528473403406',
      user_id: '2779178518981336',
      category_id: '6809637767543259144',
      tag_ids: [6809640369764958000, 6809640407484334000],
      visible_level: 0,
      link_url: '',
      cover_image:
        'https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/9823dc6f43014892817307db57301f60~tplv-k3u1fbpfcp-watermark.image',
      is_gfw: 0,
      title: 'vue2.0对比vue3.0的响应式原理',
      brief_content:
        'vue2.x的响应式 实现原理: 对象类型:通过Object.defineProperty()对象属性的读取,修改进行拦截(数据劫持)。 数组类型:通过重写更新数组的一系列方法来实现拦截(对数组的变更',
      is_english: 0,
      is_original: 1,
      user_index: 2.906920898424683,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626920321',
      mtime: '1626925446',
      rtime: '1626925446',
      draft_id: '6987548627363168269',
      view_count: 14,
      collect_count: 0,
      digg_count: 1,
      comment_count: 0,
      hot_index: 1,
      is_hot: 0,
      rank_index: 1.39976206,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '2779178518981336',
      user_name: '小膏',
      company: '',
      job_title: 'web前端工程师',
      avatar_large: 'https://sf6-ttcdn-tos.pstatp.com/img/user-avatar/1dd950404498b00a6350bba46f3b158f~300x300.image',
      level: 1,
      description: '生活的所有馈赠都在暗中标好了价码',
      followee_count: 3,
      follower_count: 1,
      post_article_count: 6,
      digg_article_count: 9,
      got_digg_count: 15,
      got_view_count: 382,
      post_shortmsg_count: 0,
      digg_shortmsg_count: 2,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6987540608755695653',
    article_info: {
      article_id: '6987540608755695653',
      user_id: '1865249078914615',
      category_id: '6809637767543259144',
      tag_ids: [6809640407484334000, 6809640369764958000],
      visible_level: 0,
      link_url: '',
      cover_image: '',
      is_gfw: 0,
      title: 'Vue - 生命周期详解',
      brief_content:
        '前言 Vue实例有一个完整的生命周期，也就是说从开始创建、初始化数据、编译模板、挂在DOM、渲染-更新-渲染、卸载等一系列过程，我们成为Vue 实例的生命周期，钩子就是在某个阶段给你一个做某些处理的机',
      is_english: 0,
      is_original: 1,
      user_index: 3.41902258270291,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626913657',
      mtime: '1626924283',
      rtime: '1626924283',
      draft_id: '6987538737429217294',
      view_count: 15,
      collect_count: 0,
      digg_count: 1,
      comment_count: 0,
      hot_index: 1,
      is_hot: 0,
      rank_index: 1.38132522,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '1865249078914615',
      user_name: '史前菜鸟',
      company: '',
      job_title: '前端',
      avatar_large: 'https://sf3-ttcdn-tos.pstatp.com/img/mosaic-legacy/3793/3114521287~300x300.image',
      level: 1,
      description: '',
      followee_count: 1,
      follower_count: 4,
      post_article_count: 2,
      digg_article_count: 1,
      got_digg_count: 5,
      got_view_count: 88,
      post_shortmsg_count: 0,
      digg_shortmsg_count: 0,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6987553952858374157',
    article_info: {
      article_id: '6987553952858374157',
      user_id: '3685218708627544',
      category_id: '6809637767543259144',
      tag_ids: [6809640369764958000, 6809640407484334000],
      visible_level: 0,
      link_url: '',
      cover_image:
        'https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/b0b9c44f11b84d5db77e8166d94b69b2~tplv-k3u1fbpfcp-watermark.image',
      is_gfw: 0,
      title: '【Vue源码解析】-响应式原理中篇',
      brief_content:
        '上一章我们通过从零构建了一个极简响应式系统后，对响应式系统中的Dep类、Watcher类和defineReactive方法都有了一定的了解。这一章我们将会结合源码来看看Vue到底是如何实现响应式系统。',
      is_english: 0,
      is_original: 1,
      user_index: 0.709511291351455,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626916685',
      mtime: '1626924582',
      rtime: '1626924582',
      draft_id: '6987548778538467365',
      view_count: 22,
      collect_count: 1,
      digg_count: 2,
      comment_count: 0,
      hot_index: 3,
      is_hot: 0,
      rank_index: 1.21280787,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '3685218708627544',
      user_name: 'qgh',
      company: '',
      job_title: '前端',
      avatar_large: 'https://sf3-ttcdn-tos.pstatp.com/img/user-avatar/7bfe5fcd764682d97401eae5d338c64e~300x300.image',
      level: 1,
      description: '匠心不易，方得不凡。',
      followee_count: 4,
      follower_count: 1,
      post_article_count: 4,
      digg_article_count: 5,
      got_digg_count: 7,
      got_view_count: 152,
      post_shortmsg_count: 0,
      digg_shortmsg_count: 0,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6987406709325037599',
    article_info: {
      article_id: '6987406709325037599',
      user_id: '3175045314389278',
      category_id: '6809637767543259144',
      tag_ids: [6809640369764958000, 6809640629728084000],
      visible_level: 0,
      link_url: '',
      cover_image:
        'https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/0e62618738e14c73a16293d56a03f236~tplv-k3u1fbpfcp-watermark.image',
      is_gfw: 0,
      title: 'Vuex',
      brief_content:
        '这是看《[想入門，我陪你]Re Vue 重頭說起》视频教程和阅读 Vuex 官方文档时做的笔记，这一篇主要是与 Vuex 相关的知识点，还包括一些需要注意的细节。',
      is_english: 0,
      is_original: 1,
      user_index: 0,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626882737',
      mtime: '1626923509',
      rtime: '1626923509',
      draft_id: '6987401757684924447',
      view_count: 25,
      collect_count: 0,
      digg_count: 1,
      comment_count: 0,
      hot_index: 2,
      is_hot: 0,
      rank_index: 0.46330852,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '3175045314389278',
      user_name: 'Benbinbin',
      company: '',
      job_title: '',
      avatar_large: 'https://user-gold-cdn.xitu.io/2020/3/22/171023f3b58db013?w=557&h=556&f=png&s=62269',
      level: 2,
      description: '',
      followee_count: 26,
      follower_count: 8,
      post_article_count: 30,
      digg_article_count: 130,
      got_digg_count: 20,
      got_view_count: 7050,
      post_shortmsg_count: 11,
      digg_shortmsg_count: 1,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6986838175062687752',
    article_info: {
      article_id: '6986838175062687752',
      user_id: '764915822116382',
      category_id: '6809637767543259144',
      tag_ids: [6809640407484334000, 6809640369764958000],
      visible_level: 0,
      link_url: '',
      cover_image:
        'https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/5c92d840908d4b6880a8e58b1d38e9fa~tplv-k3u1fbpfcp-watermark.image',
      is_gfw: 0,
      title: 'Vue源码分析——slot是如何渲染的',
      brief_content:
        '今天主要分析 Vue.js 中常用的 Slots 功能是如何设计和实现的。 本文将分为普通插槽、作用域插槽以及 Vue.js 2.6.x 版本的 v-slot 语法三部分进行讨论。',
      is_english: 0,
      is_original: 1,
      user_index: 11.471664208444393,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626750088',
      mtime: '1626837399',
      rtime: '1626837399',
      draft_id: '6986837546575593480',
      view_count: 1058,
      collect_count: 26,
      digg_count: 16,
      comment_count: 1,
      hot_index: 69,
      is_hot: 0,
      rank_index: 1.10445187,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '764915822116382',
      user_name: '腾讯IMWeb团队',
      company: '腾讯',
      job_title: '前端开发',
      avatar_large: 'https://sf3-ttcdn-tos.pstatp.com/img/user-avatar/0470723cb44ad6234c6f5d7d7b5ecd31~300x300.image',
      level: 4,
      description: 'https://careers.tencent.com/jobdesc.html?postId=1123175831472967680',
      followee_count: 34,
      follower_count: 8161,
      post_article_count: 77,
      digg_article_count: 49,
      got_digg_count: 5472,
      got_view_count: 257179,
      post_shortmsg_count: 19,
      digg_shortmsg_count: 5,
      isfollowed: false,
      favorable_author: 1,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 1,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6987551472493789215',
    article_info: {
      article_id: '6987551472493789215',
      user_id: '2884750127952926',
      category_id: '6809637767543259144',
      tag_ids: [6809640407484334000, 6809640369764958000],
      visible_level: 0,
      link_url: '',
      cover_image: '',
      is_gfw: 0,
      title: '史上最全的vue.js源码详细解析（一）',
      brief_content:
        '本文已参与好文召集令活动，点击查看：后端、大前端双赛道投稿，2万元奖池等你挑战！ 虽然vue3已经出来很久了，但我觉得vue.js的源码还是非常值得去学习一下。vue.js里面封装的很多工具类在我们平',
      is_english: 0,
      is_original: 1,
      user_index: 0,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626916172',
      mtime: '1626924495',
      rtime: '1626924495',
      draft_id: '6987550913338540046',
      view_count: 33,
      collect_count: 0,
      digg_count: 2,
      comment_count: 0,
      hot_index: 3,
      is_hot: 0,
      rank_index: 0.96794342,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '2884750127952926',
      user_name: 'Bonne_nuit',
      company: '',
      job_title: '',
      avatar_large: 'https://sf1-ttcdn-tos.pstatp.com/img/user-avatar/60cba20a4a1a1a7d9ad479ddeb0edf08~300x300.image',
      level: 1,
      description: '',
      followee_count: 24,
      follower_count: 1,
      post_article_count: 3,
      digg_article_count: 7,
      got_digg_count: 7,
      got_view_count: 83,
      post_shortmsg_count: 0,
      digg_shortmsg_count: 0,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6987235542077276191',
    article_info: {
      article_id: '6987235542077276191',
      user_id: '2189882894323975',
      category_id: '6809637767543259144',
      tag_ids: [6809640407484334000, 6809640369764958000],
      visible_level: 0,
      link_url: '',
      cover_image:
        'https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/ed36b80d2cf449099f32483f02060d9f~tplv-k3u1fbpfcp-watermark.image',
      is_gfw: 0,
      title: 'Vue3项目转原生小程序插件（二）Vue模板拆分成Wx模板',
      brief_content:
        '本篇讲述如何将现有的 Vue 模板（template + script + style）以最小的成本拆分成微信的模板（wxml + js + wxss）。但我们如何能够快速的实现这些高频低效的工作呢？',
      is_english: 0,
      is_original: 1,
      user_index: 0,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626843030',
      mtime: '1626923816',
      rtime: '1626923816',
      draft_id: '6987235150006337566',
      view_count: 52,
      collect_count: 1,
      digg_count: 1,
      comment_count: 0,
      hot_index: 2,
      is_hot: 0,
      rank_index: 0.96411273,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '2189882894323975',
      user_name: 'Lee淳淳同学',
      company: '北京容联七陌科技有限公司',
      job_title: '前端工程师',
      avatar_large: 'https://sf1-ttcdn-tos.pstatp.com/img/user-avatar/2bc880e04d2a94d5d46919e354aefeef~300x300.image',
      level: 1,
      description: '',
      followee_count: 26,
      follower_count: 24,
      post_article_count: 4,
      digg_article_count: 1,
      got_digg_count: 61,
      got_view_count: 2133,
      post_shortmsg_count: 1,
      digg_shortmsg_count: 0,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6987548503933190181',
    article_info: {
      article_id: '6987548503933190181',
      user_id: '2884750127952926',
      category_id: '6809637767543259144',
      tag_ids: [6809640398105870000, 6809640369764958000],
      visible_level: 0,
      link_url: '',
      cover_image: '',
      is_gfw: 0,
      title: 'vue(utils.js工具类)常用的公共方法的整理',
      brief_content:
        'vue(utils.js)常用方法的封装,以下是我搜集到的认为vue中可能会用到的一些公共方法的整理，在后面开发过程中遇到的方法或浏览到比较好的方法我会持续补充：',
      is_english: 0,
      is_original: 1,
      user_index: 0,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626915444',
      mtime: '1626924456',
      rtime: '1626924456',
      draft_id: '6987547128482496542',
      view_count: 25,
      collect_count: 1,
      digg_count: 2,
      comment_count: 0,
      hot_index: 3,
      is_hot: 0,
      rank_index: 0.75162861,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '2884750127952926',
      user_name: 'Bonne_nuit',
      company: '',
      job_title: '',
      avatar_large: 'https://sf1-ttcdn-tos.pstatp.com/img/user-avatar/60cba20a4a1a1a7d9ad479ddeb0edf08~300x300.image',
      level: 1,
      description: '',
      followee_count: 24,
      follower_count: 1,
      post_article_count: 3,
      digg_article_count: 7,
      got_digg_count: 7,
      got_view_count: 83,
      post_shortmsg_count: 0,
      digg_shortmsg_count: 0,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6987267852575195143',
    article_info: {
      article_id: '6987267852575195143',
      user_id: '4099422807393901',
      category_id: '6809637767543259144',
      tag_ids: [6809640369764958000, 6809640407484334000],
      visible_level: 0,
      link_url: '',
      cover_image:
        'https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/ecb63c5792db4d47b82874c8d66275da~tplv-k3u1fbpfcp-watermark.image',
      is_gfw: 0,
      title: '【面试题解】vue-router有几种钩子函数？具体是什么及执行流程是怎样的？',
      brief_content:
        '本文以解答常见面试题，详细介绍了 vue-router 的几种钩子函数，以及使用流程图的方式展现几种钩子的执行流程。 演示代码基于 vue-router 4.x 。',
      is_english: 0,
      is_original: 1,
      user_index: 0,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626850158',
      mtime: '1626858471',
      rtime: '1626858471',
      draft_id: '6986151722141876231',
      view_count: 309,
      collect_count: 7,
      digg_count: 27,
      comment_count: 6,
      hot_index: 48,
      is_hot: 0,
      rank_index: 0.9041227,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '4099422807393901',
      user_name: '一尾流莺',
      company: 'www.duwanyu.com',
      job_title: 'web新人',
      avatar_large: 'https://sf6-ttcdn-tos.pstatp.com/img/user-avatar/a5fd4965ae2b45f1b2f96157c1783d86~300x300.image',
      level: 3,
      description: '学习记录前端知识',
      followee_count: 1661,
      follower_count: 316,
      post_article_count: 21,
      digg_article_count: 4605,
      got_digg_count: 1764,
      got_view_count: 27949,
      post_shortmsg_count: 18,
      digg_shortmsg_count: 6,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6987340048542892062',
    article_info: {
      article_id: '6987340048542892062',
      user_id: '3562073407103511',
      category_id: '6809637767543259144',
      tag_ids: [6930559450847986000, 6809640369764958000, 6809641072508010000],
      visible_level: 0,
      link_url: '',
      cover_image: '',
      is_gfw: 0,
      title: 'Vite开发快速入门',
      brief_content:
        '一、Vite简介 Vite (法语意为 "快速的"，发音 /vit/) 是一种面向现代浏览器的一个更轻、更快的前端构建工具，能够显著提升前端的开发体验。除了Vite外，前端著名的构建工具还有Webpa',
      is_english: 0,
      is_original: 1,
      user_index: 10.74180210770398,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626866951',
      mtime: '1626867634',
      rtime: '1626867634',
      draft_id: '6987339855931899912',
      view_count: 519,
      collect_count: 9,
      digg_count: 5,
      comment_count: 0,
      hot_index: 30,
      is_hot: 0,
      rank_index: 0.90600845,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '3562073407103511',
      user_name: 'xiangzhihong',
      company: '字节跳动',
      job_title: '架构师',
      avatar_large: 'https://sf3-ttcdn-tos.pstatp.com/img/user-avatar/ae3b5ed78812b766bd8f5f82a5ee8128~300x300.image',
      level: 5,
      description:
        '著有《React Native移动开发实战》、《Kotlin入门与实战》、《Weex跨平台开发与实战》、《Flutter跨平台开发入门与实战》和《Android应用开发详解》',
      followee_count: 20,
      follower_count: 8588,
      post_article_count: 131,
      digg_article_count: 60,
      got_digg_count: 4962,
      got_view_count: 509551,
      post_shortmsg_count: 32,
      digg_shortmsg_count: 2,
      isfollowed: false,
      favorable_author: 1,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6987329142073065503',
    article_info: {
      article_id: '6987329142073065503',
      user_id: '2428199033113751',
      category_id: '6809637767543259144',
      tag_ids: [6809640407484334000, 6809640369764958000],
      visible_level: 0,
      link_url: '',
      cover_image: '',
      is_gfw: 0,
      title: 'Vue 组件传值（非父子组件传值）',
      brief_content:
        '前言 如果想要更加的了解非父子组件传值，首先要了解父传子的思维逻辑，这样非父组件传值会更加的了解、 非父子组件传值（兄弟组件传值） 要了解非父组件传值首先好了解 $emit 和 $on , $emit',
      is_english: 0,
      is_original: 1,
      user_index: 1.709511291351455,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626864921',
      mtime: '1626920628',
      rtime: '1626920628',
      draft_id: '6987182771827376136',
      view_count: 45,
      collect_count: 0,
      digg_count: 1,
      comment_count: 0,
      hot_index: 3,
      is_hot: 0,
      rank_index: 0.91020406,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '2428199033113751',
      user_name: '传说中的小明',
      company: '',
      job_title: '',
      avatar_large: 'https://sf3-ttcdn-tos.pstatp.com/img/mosaic-legacy/3795/3033762272~300x300.image',
      level: 1,
      description: '',
      followee_count: 3,
      follower_count: 4,
      post_article_count: 2,
      digg_article_count: 3,
      got_digg_count: 3,
      got_view_count: 121,
      post_shortmsg_count: 0,
      digg_shortmsg_count: 0,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6981601061840617503',
    article_info: {
      article_id: '6981601061840617503',
      user_id: '1143121350758973',
      category_id: '6809637767543259144',
      tag_ids: [6809640369764958000, 6809640407484334000],
      visible_level: 0,
      link_url: '',
      cover_image:
        'https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/a498184b262b4cfb89c1bf2002433488~tplv-k3u1fbpfcp-watermark.image',
      is_gfw: 0,
      title: '关于微前端(阿里QianKun)的那点事——上线一个“微前端”逼走了2位90后',
      brief_content:
        '作为一个团队领导者，需要经常帮助组员解决各类阻塞问题。 而我一直从事后端的开发，导致对前端的知识储备并没有那么丰富（实际很简陋）。 鉴于当下流行的开发模式几乎都是前后端分离的，为了组建...',
      is_english: 0,
      is_original: 1,
      user_index: 0,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1625531025',
      mtime: '1625545079',
      rtime: '1625545079',
      draft_id: '6981588179539197959',
      view_count: 25781,
      collect_count: 230,
      digg_count: 396,
      comment_count: 442,
      hot_index: 2127,
      is_hot: 0,
      rank_index: 0.92281719,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '1143121350758973',
      user_name: 'webmote33',
      company: '',
      job_title: '技术经理/架构师',
      avatar_large: 'https://sf1-ttcdn-tos.pstatp.com/img/user-avatar/09ca26fa4d1d6fa6186fe36c7951ee8f~300x300.image',
      level: 3,
      description: '疯狂码代码的技术打工人',
      followee_count: 126,
      follower_count: 197,
      post_article_count: 328,
      digg_article_count: 184,
      got_digg_count: 719,
      got_view_count: 106510,
      post_shortmsg_count: 34,
      digg_shortmsg_count: 2,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6987364726745333774',
    article_info: {
      article_id: '6987364726745333774',
      user_id: '1934756436255389',
      category_id: '6809637767543259144',
      tag_ids: [6809640369764958000, 6809640430150353000],
      visible_level: 0,
      link_url: '',
      cover_image: '',
      is_gfw: 0,
      title: '使用APICloud人人都能开发《表白神器APP》- 入门基础',
      brief_content:
        '某一天，我被部门经理分配到一个项目上，项目经理就直接问我，会APICloud么？（有点点懵逼，这个好像听过，但是是个什么东西呀？）我答到：“可以学”，“嗯不错，那你先学习一周就跟着我去项目上开发“',
      is_english: 0,
      is_original: 1,
      user_index: 0,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626872725',
      mtime: '1626922304',
      rtime: '1626922304',
      draft_id: '6984813820946579464',
      view_count: 33,
      collect_count: 0,
      digg_count: 2,
      comment_count: 0,
      hot_index: 3,
      is_hot: 0,
      rank_index: 0.644454,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '1934756436255389',
      user_name: '小菜心米米',
      company: '',
      job_title: '前端工程师',
      avatar_large: 'https://sf3-ttcdn-tos.pstatp.com/img/user-avatar/56386c0bc136b617ec03ff8b8cae8417~300x300.image',
      level: 1,
      description: '爱分享，爱生活',
      followee_count: 10,
      follower_count: 5,
      post_article_count: 11,
      digg_article_count: 47,
      got_digg_count: 29,
      got_view_count: 774,
      post_shortmsg_count: 1,
      digg_shortmsg_count: 0,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6987585541222957070',
    article_info: {
      article_id: '6987585541222957070',
      user_id: '2576910988349566',
      category_id: '6809637767543259144',
      tag_ids: [6809640369764958000, 6809640407484334000],
      visible_level: 0,
      link_url: '',
      cover_image:
        'https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/676da256eeec4fd483ef9ce1aa1d718c~tplv-k3u1fbpfcp-watermark.image',
      is_gfw: 0,
      title: 'Vue3.0 Composition API响应式原理的简单模型',
      brief_content:
        '本文先简单介绍Composition API的核心原理，再通过自己实现一个轻量级的Composition API来了解其中的细节',
      is_english: 0,
      is_original: 1,
      user_index: 0,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626924066',
      mtime: '1626926243',
      rtime: '1626926243',
      draft_id: '6987583363183968287',
      view_count: 30,
      collect_count: 0,
      digg_count: 1,
      comment_count: 0,
      hot_index: 2,
      is_hot: 0,
      rank_index: 0.63954141,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '2576910988349566',
      user_name: 'wopelo',
      company: '',
      job_title: '',
      avatar_large: 'https://sf3-ttcdn-tos.pstatp.com/img/user-avatar/0ed7cc2c4758f56f6a40a4ba4e122b00~300x300.image',
      level: 1,
      description: '',
      followee_count: 2,
      follower_count: 0,
      post_article_count: 1,
      digg_article_count: 0,
      got_digg_count: 1,
      got_view_count: 30,
      post_shortmsg_count: 0,
      digg_shortmsg_count: 0,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6983328034443132935',
    article_info: {
      article_id: '6983328034443132935',
      user_id: '1239904849499911',
      category_id: '6809637767543259144',
      tag_ids: [6809640369764958000, 6809640407484334000],
      visible_level: 0,
      link_url: '',
      cover_image:
        'https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/356f6bb402e34c3fb0be8261377881ab~tplv-k3u1fbpfcp-watermark.image',
      is_gfw: 0,
      title: '尤大大新活 petite-vue 尝鲜',
      brief_content:
        '那个男人他又来了，这次是一个叫 petite-vue 的东西，非常的轻量小巧，本文将对它进行一些简单的介绍和使用。',
      is_english: 0,
      is_original: 1,
      user_index: 0,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1625933004',
      mtime: '1626093849',
      rtime: '1625984881',
      draft_id: '6983229758666440712',
      view_count: 17608,
      collect_count: 110,
      digg_count: 204,
      comment_count: 90,
      hot_index: 1174,
      is_hot: 0,
      rank_index: 0.83660097,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '1239904849499911',
      user_name: '8号的凌晨4点',
      company: '广州才华有限公司',
      job_title: '前端开发',
      avatar_large: 'https://sf3-ttcdn-tos.pstatp.com/img/user-avatar/b5f0099561478677e11843dd6fae8267~300x300.image',
      level: 2,
      description: '',
      followee_count: 48,
      follower_count: 106,
      post_article_count: 16,
      digg_article_count: 118,
      got_digg_count: 576,
      got_view_count: 35069,
      post_shortmsg_count: 71,
      digg_shortmsg_count: 48,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6987562123182211080',
    article_info: {
      article_id: '6987562123182211080',
      user_id: '536217405897502',
      category_id: '6809637767543259144',
      tag_ids: [6809640407484334000, 6809640369764958000, 6930559450847986000],
      visible_level: 0,
      link_url: '',
      cover_image: '',
      is_gfw: 0,
      title: '用 Vue 3+Vite+TypeScript 打造一个UI组件库',
      brief_content:
        '前言 最近在系统学习 Vue 3 ，想做一些轮子来提高自己开发的效率，就萌生了做一个UI组件库官网的想法。目前拥有Input、Switch、Dialog、Button、Tabs组件。',
      is_english: 0,
      is_original: 1,
      user_index: 0,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626918610',
      mtime: '1626925070',
      rtime: '1626925070',
      draft_id: '6987558045412753439',
      view_count: 29,
      collect_count: 0,
      digg_count: 1,
      comment_count: 0,
      hot_index: 2,
      is_hot: 0,
      rank_index: 0.54212068,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '536217405897502',
      user_name: '大威Wayne',
      company: '',
      job_title: '写代码的运营喵',
      avatar_large: 'https://sf6-ttcdn-tos.pstatp.com/img/user-avatar/0576a699ddc3de380e65517ac563d72f~300x300.image',
      level: 1,
      description: '',
      followee_count: 17,
      follower_count: 3,
      post_article_count: 21,
      digg_article_count: 50,
      got_digg_count: 13,
      got_view_count: 2370,
      post_shortmsg_count: 0,
      digg_shortmsg_count: 0,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6986466940864692232',
    article_info: {
      article_id: '6986466940864692232',
      user_id: '1521379826211549',
      category_id: '6809637767543259144',
      tag_ids: [6809640369764958000, 6809640407484334000],
      visible_level: 0,
      link_url: '',
      cover_image:
        'https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/14d2780ae2914cec90405e4f08518d93~tplv-k3u1fbpfcp-watermark.image',
      is_gfw: 0,
      title: '你不知道的冒泡',
      brief_content:
        '开始 冒泡大家肯定都非常熟悉，但是上周在看vue的源码时候，发现一种很有意思的冒泡场景，直接看代码。 dom中有父子div，父元素没有绑定事件，子元素绑定了点击事件，并同时给父元素绑定了一个点击事件，',
      is_english: 0,
      is_original: 1,
      user_index: 4.044104484304977,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626663616',
      mtime: '1626850311',
      rtime: '1626850311',
      draft_id: '6986457821911089159',
      view_count: 496,
      collect_count: 4,
      digg_count: 7,
      comment_count: 0,
      hot_index: 31,
      is_hot: 0,
      rank_index: 0.57852994,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '1521379826211549',
      user_name: '懒狗小前端',
      company: '宁波',
      job_title: '前端开发',
      avatar_large: 'https://sf1-ttcdn-tos.pstatp.com/img/user-avatar/c5902dc3532eacdebb9bb4a685b2c88e~300x300.image',
      level: 1,
      description: '微信公众号 懒狗小前端',
      followee_count: 3,
      follower_count: 6,
      post_article_count: 14,
      digg_article_count: 17,
      got_digg_count: 56,
      got_view_count: 2854,
      post_shortmsg_count: 0,
      digg_shortmsg_count: 0,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6986550573252214821',
    article_info: {
      article_id: '6986550573252214821',
      user_id: '1978776660216136',
      category_id: '6809637767543259144',
      tag_ids: [6809640407484334000, 6809640369764958000],
      visible_level: 0,
      link_url: '',
      cover_image:
        'https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/6bd08136ab0a45e394c8255ff04498d8~tplv-k3u1fbpfcp-watermark.image',
      is_gfw: 0,
      title: '动画搞懂petite-vue',
      brief_content: '最近Vue家族再添新丁，petite-vue。 特点 打包后只有5.7k超小超轻。相比竞争对手Alpine.js精简',
      is_english: 0,
      is_original: 1,
      user_index: 0,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626683297',
      mtime: '1626765258',
      rtime: '1626765258',
      draft_id: '6986550365961322503',
      view_count: 1446,
      collect_count: 7,
      digg_count: 18,
      comment_count: 0,
      hot_index: 90,
      is_hot: 0,
      rank_index: 0.60262695,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '1978776660216136',
      user_name: '全栈然叔',
      company: '@花果山',
      job_title: '',
      avatar_large: 'https://sf3-ttcdn-tos.pstatp.com/img/user-avatar/406cea3f24e05b9522a65c9b9cf124c2~300x300.image',
      level: 5,
      description: '刻意学习者、IT老兵',
      followee_count: 62,
      follower_count: 6254,
      post_article_count: 49,
      digg_article_count: 375,
      got_digg_count: 7389,
      got_view_count: 319752,
      post_shortmsg_count: 39,
      digg_shortmsg_count: 9,
      isfollowed: false,
      favorable_author: 1,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6987317974147268616',
    article_info: {
      article_id: '6987317974147268616',
      user_id: '1565302647691981',
      category_id: '6809637767543259144',
      tag_ids: [6809640407484334000, 6809640369764958000],
      visible_level: 0,
      link_url: '',
      cover_image:
        'https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/abcd899bc2e04358bb174e2735de7579~tplv-k3u1fbpfcp-watermark.image',
      is_gfw: 0,
      title: 'vue 基础温故知新',
      brief_content:
        '近期复习了一遍vue的基础知识，并把其中的一部分记录到了脑图中，大致如下： 前往此处下载源文件：vue基础',
      is_english: 0,
      is_original: 1,
      user_index: 0,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626861807',
      mtime: '1626919823',
      rtime: '1626919823',
      draft_id: '6987306781030645796',
      view_count: 41,
      collect_count: 0,
      digg_count: 1,
      comment_count: 0,
      hot_index: 3,
      is_hot: 0,
      rank_index: 0.55047244,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '1565302647691981',
      user_name: '大概是个死肥宅吧',
      company: '',
      job_title: '搬砖崽',
      avatar_large: 'https://sf1-ttcdn-tos.pstatp.com/img/user-avatar/e7fb0f80bd19a9fe01724aa157f7abbe~300x300.image',
      level: 1,
      description: '一非严谨型野生工地崽，大有死肥宅的发展趋势。',
      followee_count: 8,
      follower_count: 1,
      post_article_count: 2,
      digg_article_count: 1,
      got_digg_count: 1,
      got_view_count: 146,
      post_shortmsg_count: 0,
      digg_shortmsg_count: 1,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6986648575623036965',
    article_info: {
      article_id: '6986648575623036965',
      user_id: '1978776658642558',
      category_id: '6809637767543259144',
      tag_ids: [6809640543006491000, 6809640369764958000, 6809640563810238000],
      visible_level: 0,
      link_url: '',
      cover_image:
        'https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/7a47d98ff99449d3b8b9b804f95d9dd4~tplv-k3u1fbpfcp-watermark.image',
      is_gfw: 0,
      title: 'Electron+Vue3 MAC 版日历开发记录(32)——使用vueuse',
      brief_content: '在工作之余，写一个基于 Electron + Vue 3 + TypeScript + Vite，边学边开发一个 Mac 版日历📅️。',
      is_english: 0,
      is_original: 1,
      user_index: 0,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626706062',
      mtime: '1626792856',
      rtime: '1626792856',
      draft_id: '6986648459679891486',
      view_count: 1032,
      collect_count: 3,
      digg_count: 9,
      comment_count: 0,
      hot_index: 60,
      is_hot: 0,
      rank_index: 0.5062871,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '1978776658642558',
      user_name: '叶梅树',
      company: 'Laravel 爱好者',
      job_title: '全栈软件工程师',
      avatar_large: 'https://user-gold-cdn.xitu.io/2018/2/9/1617b03f680d5671?w=1024&h=1024&f=jpeg&s=34529',
      level: 4,
      description: '不断学习',
      followee_count: 34,
      follower_count: 4631,
      post_article_count: 99,
      digg_article_count: 400,
      got_digg_count: 3234,
      got_view_count: 186988,
      post_shortmsg_count: 0,
      digg_shortmsg_count: 7,
      isfollowed: false,
      favorable_author: 1,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6986186787425255454',
    article_info: {
      article_id: '6986186787425255454',
      user_id: '2612095357823160',
      category_id: '6809637767543259144',
      tag_ids: [6809640407484334000, 6809640369764958000],
      visible_level: 0,
      link_url: '',
      cover_image:
        'https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/27a70b993b96488196addfea260336c9~tplv-k3u1fbpfcp-watermark.image',
      is_gfw: 0,
      title: '4x2 精读Vue官方文档 -  TypeScript 支持',
      brief_content:
        '精读 Vue 官方文档系列 🎉 发布为 NPM 包的官方声明文件 Vue 已经为 Vue-core、Vuex、Vue-Router 提供了 NPM 包形式的类型声明文件，最新版本的 TypeScrip',
      is_english: 0,
      is_original: 1,
      user_index: 4.853650934199549,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626598457',
      mtime: '1626834618',
      rtime: '1626834618',
      draft_id: '6986184080823943204',
      view_count: 625,
      collect_count: 1,
      digg_count: 2,
      comment_count: 0,
      hot_index: 33,
      is_hot: 0,
      rank_index: 0.51093338,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '2612095357823160',
      user_name: 'Mottle',
      company: '',
      job_title: '前端工程师',
      avatar_large: 'https://sf3-ttcdn-tos.pstatp.com/img/user-avatar/2adccb0d364902ead37c150543da8de1~300x300.image',
      level: 2,
      description: '在努力成为一名高级前端中....',
      followee_count: 1,
      follower_count: 564,
      post_article_count: 38,
      digg_article_count: 39,
      got_digg_count: 142,
      got_view_count: 11498,
      post_shortmsg_count: 16,
      digg_shortmsg_count: 6,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6986438080085360671',
    article_info: {
      article_id: '6986438080085360671',
      user_id: '1310273593440398',
      category_id: '6809637767543259144',
      tag_ids: [6809640543006491000, 6809640369764958000],
      visible_level: 0,
      link_url: '',
      cover_image: '',
      is_gfw: 0,
      title: '让你彻底理解TypeScript中的readonly',
      brief_content:
        '本文已参与好文召集令活动，点击查看：后端、大前端双赛道投稿，2万元奖池等你挑战！ 1.readonly的讲解 2.什么时候使用readonly 3.readonly的基本使用 4.有新的发现 5.这样',
      is_english: 0,
      is_original: 1,
      user_index: 6.430908405526075,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626656911',
      mtime: '1626850374',
      rtime: '1626850374',
      draft_id: '6985498481968283662',
      view_count: 284,
      collect_count: 1,
      digg_count: 5,
      comment_count: 0,
      hot_index: 19,
      is_hot: 0,
      rank_index: 0.49681436,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '1310273593440398',
      user_name: '我的div丢了肿么办',
      company: '',
      job_title: '',
      avatar_large: 'https://sf1-ttcdn-tos.pstatp.com/img/user-avatar/2702bcf9f75928060bc7a47fff612f18~300x300.image',
      level: 2,
      description: '',
      followee_count: 64,
      follower_count: 25,
      post_article_count: 24,
      digg_article_count: 43,
      got_digg_count: 226,
      got_view_count: 9754,
      post_shortmsg_count: 38,
      digg_shortmsg_count: 28,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6986533364438138894',
    article_info: {
      article_id: '6986533364438138894',
      user_id: '1626932938285976',
      category_id: '6809637767543259144',
      tag_ids: [6930559450847986000, 6809640369764958000, 6809640528267706000],
      visible_level: 0,
      link_url: '',
      cover_image:
        'https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/9cfdcde9ff36415e93e4f1d020dfd9c3~tplv-k3u1fbpfcp-watermark.image',
      is_gfw: 0,
      title: '前端历史项目的 Vite 迁移实践总结',
      brief_content:
        '当前，前端社区用 Vite 替代 Webpack 的呼声正日趋高涨。但对于长期维护的业务项目，很多同学可能仍然对上车存有疑虑——Vite 真的足够支撑非玩具级的项目吗？为此本文会分享一个实际案例',
      is_english: 0,
      is_original: 1,
      user_index: 13.693532532105989,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626679121',
      mtime: '1626679125',
      rtime: '1626679125',
      draft_id: '6986532430492958756',
      view_count: 1202,
      collect_count: 14,
      digg_count: 26,
      comment_count: 8,
      hot_index: 94,
      is_hot: 0,
      rank_index: 0.42577367,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '1626932938285976',
      user_name: 'doodlewind',
      company: '稿定科技',
      job_title: '花名雪碧的小透明',
      avatar_large: 'https://sf3-ttcdn-tos.pstatp.com/img/user-avatar/ecbaedae9c3d45716d5c30f94436877b~300x300.image',
      level: 5,
      description: '过气啦',
      followee_count: 52,
      follower_count: 9922,
      post_article_count: 72,
      digg_article_count: 56,
      got_digg_count: 12655,
      got_view_count: 570931,
      post_shortmsg_count: 4,
      digg_shortmsg_count: 20,
      isfollowed: false,
      favorable_author: 1,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6987334063086370823',
    article_info: {
      article_id: '6987334063086370823',
      user_id: '492993908848007',
      category_id: '6809637767543259144',
      tag_ids: [6809640398105870000, 6809640369764958000],
      visible_level: 0,
      link_url: '',
      cover_image: '',
      is_gfw: 0,
      title: 'Vue的初级详解',
      brief_content:
        '终于可以搞应聘必备的Vue了！ 项目的搭建，目标一：搞出一个使用Vue的项目 创建步骤 搜索@vue/cli → 点击绿色started、安装 打开vs code ，新开一个终端，直接进入一个目录 c',
      is_english: 0,
      is_original: 1,
      user_index: 0,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626865553',
      mtime: '1626920806',
      rtime: '1626920806',
      draft_id: '6986921685987360804',
      view_count: 38,
      collect_count: 0,
      digg_count: 1,
      comment_count: 0,
      hot_index: 2,
      is_hot: 0,
      rank_index: 0.39367051,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '492993908848007',
      user_name: '小阿妍',
      company: '',
      job_title: '前端工程师在学',
      avatar_large: 'https://sf6-ttcdn-tos.pstatp.com/img/user-avatar/992abb2f8af3f40900767b20fd63031d~300x300.image',
      level: 1,
      description: '',
      followee_count: 3,
      follower_count: 1,
      post_article_count: 42,
      digg_article_count: 1,
      got_digg_count: 7,
      got_view_count: 912,
      post_shortmsg_count: 0,
      digg_shortmsg_count: 0,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6987577901604405284',
    article_info: {
      article_id: '6987577901604405284',
      user_id: '3298190611199335',
      category_id: '6809637767543259144',
      tag_ids: [6809640369764958000],
      visible_level: 0,
      link_url: '',
      cover_image: '',
      is_gfw: 0,
      title: 'vue cli4配置动态地址',
      brief_content:
        '> 有些资源地址 vue打包之后如果修改需要重新打包，这就很烦，有很多 vue cli2 的参考文档，刚好配置出了 vue cli4 ，在这里记录一下 > > 1. 安装 [generate-asse',
      is_english: 0,
      is_original: 1,
      user_index: 0,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626922280',
      mtime: '1626925867',
      rtime: '1626925867',
      draft_id: '6987577831999930376',
      view_count: 18,
      collect_count: 0,
      digg_count: 1,
      comment_count: 0,
      hot_index: 1,
      is_hot: 0,
      rank_index: 0.34359115,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '3298190611199335',
      user_name: 'MrYangZCh',
      company: '',
      job_title: '',
      avatar_large: 'https://sf3-ttcdn-tos.pstatp.com/img/user-avatar/7c2164fd737c2b54782ef2467109c49d~300x300.image',
      level: 1,
      description: 'java,vue',
      followee_count: 5,
      follower_count: 0,
      post_article_count: 12,
      digg_article_count: 1,
      got_digg_count: 2,
      got_view_count: 191,
      post_shortmsg_count: 0,
      digg_shortmsg_count: 0,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6977259197566517284',
    article_info: {
      article_id: '6977259197566517284',
      user_id: '1028798614616120',
      category_id: '6809637767543259144',
      tag_ids: [6809640369764958000, 6809640407484334000],
      visible_level: 0,
      link_url: '',
      cover_image:
        'https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/06814473cdfb41e191beb10d8acca728~tplv-k3u1fbpfcp-watermark.image',
      is_gfw: 0,
      title: '阿里妈妈又做了新工具，帮你把 Vue2 代码改成 Vue3 的',
      brief_content:
        'Vue3 已经出来有一段时间了，很多朋友早已熟读了文档，写了好几个 Demo，馋 Composition API 等新特性已久了。无奈，在实际工作中，大部分朋友还是不得不守着成千上万行的 Vue2 老',
      is_english: 0,
      is_original: 1,
      user_index: 10.089449916981309,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1624519820',
      mtime: '1624521757',
      rtime: '1624521757',
      draft_id: '6977245944676876301',
      view_count: 26569,
      collect_count: 373,
      digg_count: 468,
      comment_count: 102,
      hot_index: 1898,
      is_hot: 0,
      rank_index: 0.40404976,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '1028798614616120',
      user_name: '阿里妈妈前端快爆',
      company: 'Alibaba Inc.',
      job_title: '前端小学生',
      avatar_large: 'https://sf3-ttcdn-tos.pstatp.com/img/user-avatar/ef6dfe4669d52287b2de2e0a248c6e1b~300x300.image',
      level: 3,
      description: '阿里妈妈 MUX 倾力打造，每周更新一篇周刊以及不定时的发表原创文章',
      followee_count: 13,
      follower_count: 2265,
      post_article_count: 44,
      digg_article_count: 10,
      got_digg_count: 2146,
      got_view_count: 103936,
      post_shortmsg_count: 0,
      digg_shortmsg_count: 0,
      isfollowed: false,
      favorable_author: 1,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
  {
    article_id: '6987576416359415816',
    article_info: {
      article_id: '6987576416359415816',
      user_id: '2216243286520605',
      category_id: '6809637767543259144',
      tag_ids: [6809640369764958000, 6809641072508010000],
      visible_level: 0,
      link_url: '',
      cover_image: '',
      is_gfw: 0,
      title: 'vue-router的顶级路由为什么创建了5个vue实例？(最大的_uid=4)',
      brief_content:
        '问题描述 最近在看vue-router源码的时候，发现了一个问题：项目里的第一个路由，启动的时候竟然已经创建了5个vue实例了。跟随着好奇心，对代码进行研究后发现结果： vuex创建了两个vue实例，',
      is_english: 0,
      is_original: 1,
      user_index: 0,
      original_type: 0,
      original_author: '',
      content: '',
      ctime: '1626921988',
      mtime: '1626925815',
      rtime: '1626925815',
      draft_id: '6987291452027961374',
      view_count: 11,
      collect_count: 0,
      digg_count: 1,
      comment_count: 0,
      hot_index: 1,
      is_hot: 0,
      rank_index: 0.4007491,
      status: 2,
      verify_status: 1,
      audit_status: 2,
      mark_content: '',
    },
    author_user_info: {
      user_id: '2216243286520605',
      user_name: '夜轻离',
      company: '',
      job_title: '前端开发',
      avatar_large: 'https://sf1-ttcdn-tos.pstatp.com/img/user-avatar/8fc2ddae6eaf7008feef92b59cfc4495~300x300.image',
      level: 1,
      description: '',
      followee_count: 2,
      follower_count: 0,
      post_article_count: 1,
      digg_article_count: 2,
      got_digg_count: 1,
      got_view_count: 11,
      post_shortmsg_count: 0,
      digg_shortmsg_count: 0,
      isfollowed: false,
      favorable_author: 0,
      power: 0,
      study_point: 0,
      university: {
        university_id: '0',
        name: '',
        logo: '',
      },
      major: {
        major_id: '0',
        parent_id: '0',
        name: '',
      },
      student_status: 0,
      select_event_count: 0,
      select_online_course_count: 0,
      identity: 0,
      is_select_annual: false,
      select_annual_rank: 0,
      annual_list_type: 0,
      extraMap: {},
      is_logout: 0,
    },
  },
];
